|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>魅せるホームページ作成講座</TITLE> </HEAD> <BODY onLoad="ImageMove()"> <IMG src="star0.gif" style="position:absolute; left:-30px; top:-30px;"> <IMG src="star1.gif" style="position:absolute; left:-30px; top:-30px;"> <IMG src="star2.gif" style="position:absolute; left:-30px; top:-30px;"> <SCRIPT type="text/javascript"> <!-- var n=2; var ix=new Array(n); var iy=new Array(n); for (i=0 ; i<=n ; i++){ ix[i]=-30; iy[i]=-30; } var mx=0, my=0; document.onmousemove = MouseMove; function MouseMove() { mx=event.clientX; my=event.clientY; } function ImageMove() { for (j=0 ; j<=n ; j++){ ix[j]=ix[j]+(mx-ix[j])/(j*10+10); iy[j]=iy[j]+(my-iy[j])/(j*10+10); } for (k=0 ; k<=n ; k++){ document.images[k].style.left = ix[k] + "px"; document.images[k].style.top = iy[k] + "px"; } setTimeout("ImageMove()",10); } // --> </SCRIPT> </BODY> </HTML> |